<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
	<style>
img {
	width: 100%;
	height: 60px;
}

.align_top {
	vertical-align: top;
}

.letra {
	font: italic;
	font-size: xx-large;
}

.ui-selectonemenu {
	width: 100% !important;
}

.ui-selectonemenu-label {
	width: 100% !important;
}
	
	.letra {
	font: italic;
	font-size: xx-large;
}

.treinta-percent {
	width: 20%;
}

.setenta-percent {
	width: 80%;
}

.top-alignment {
	vertical-align: top;
}
</style>

</h:head>
<body>

	<h:form>



		<p:layout fullPage="true">
			<p:layoutUnit position="north" resizable="true">
				<object type="application/x-shockwave-flash" data="bannertin.swf"
					style="width: 1200px; height: 70px;">
					<param name="movie" value="bannertin.swf" />
					ERROR (no puede mostrarse el objeto)
				</object>
               <br />
			    <div align="right"><h:outputText value="Bienvenido! #{usuarioBean.usuario.persona.nombre}"/>
			
			    <p:commandLink id="logout" actionListener="#{usuarioBean.logout}"
			      style="margin-right:20px;" oncomplete="logout(xhr, status, args)">
			      <h:outputText value="Cerrar Sessión" style="text-align:left"/>
			    </p:commandLink>
			    </div>
			</p:layoutUnit>

			<p:layoutUnit position="center">
				<ui:insert name="content"></ui:insert>
			</p:layoutUnit>
		</p:layout>

	</h:form>


</body>
<script type="text/javascript">
  //<![CDATA[
  function logout(xhr, status, args) {
    setTimeout(function() {
      window.location = '/EventosCompartidos/template/modelo/SalonesWeb.xhtml';
    }, 500);
  }
//]]>
</script>
</html>
